<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1690803" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">集群</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">3.1选中</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">访问量</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea26;</span>
                <div class="name">单次报</div>
                <div class="code-name">&amp;#xea26;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">上箭头</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">重启</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">icon_PIN码2</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xed4e;</span>
                <div class="name">应用统计</div>
                <div class="code-name">&amp;#xed4e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">节点</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">开放api</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85b;</span>
                <div class="name">协同系统,合作,交流</div>
                <div class="code-name">&amp;#xe85b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">升序</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">降序</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">角色</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">工单</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">多方安全计算</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">类型-联邦学习</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">类型-隐私求交</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">匿踪类型</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">DBSEC</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">与</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">或</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">双因素认证</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">收缩</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">安全水印子平台-01</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">应用审计</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">运维平台</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">文件管理平台</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">运营平台</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">配置管理平台</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">数据管理平台</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">安全防护平台</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">存储加密平台</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">监测管理平台</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">安全分发平台</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">未开放-斜-01</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">维护中-斜-01</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">未授权-斜-01</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">未开放-01</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">未授权-01</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">维护中-01</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf31f;</span>
                <div class="name">云主机</div>
                <div class="code-name">&amp;#xf31f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">云主机</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">大数据工作流引擎</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">容灾</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">LPAR分区</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xee18;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xee18;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">语言切换-中文</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">语言切换-繁</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf31e;</span>
                <div class="name">语言</div>
                <div class="code-name">&amp;#xf31e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">账号</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">风险备份</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">风险管理</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">接口管理</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">可视化 (3)</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c9;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe8c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">对比</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">缩小</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">开关 关</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">开关 关</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe978;</span>
                <div class="name">密码管理</div>
                <div class="code-name">&amp;#xe978;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">规则</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">脱敏规则</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xef0a;</span>
                <div class="name">dbs 数据库备份DBS</div>
                <div class="code-name">&amp;#xef0a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e7;</span>
                <div class="name">恢复</div>
                <div class="code-name">&amp;#xe8e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">风险资产</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">数据库运维</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">集群主机1</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">盖章</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">追踪溯源-面</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">多选框</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">企业微信</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">勾</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe907;</span>
                <div class="name">下发任务</div>
                <div class="code-name">&amp;#xe907;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">定时</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">行为规则</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">圆</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83b;</span>
                <div class="name">access</div>
                <div class="code-name">&amp;#xe83b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">报表分析</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">维护</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">数据库加密</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xee6a;</span>
                <div class="name">数据库源管理</div>
                <div class="code-name">&amp;#xee6a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">分级分类管理</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">申请B</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab0;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xeab0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe96d;</span>
                <div class="name">我的申请</div>
                <div class="code-name">&amp;#xe96d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">网络管理</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">数据地图</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">资产梳理</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">账目汇总、数据概览</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">实时状态</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">恢复出厂设置</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">执行</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">药品</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">灯泡</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">策略icon</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">归档</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">工具</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">loading</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">绑定</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">断开网络</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">学习活动-01</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">风险测评</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">置底（面）</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">置顶（面）</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">策略优先级降序</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">策略优先级升序</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">清除</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">护航</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">最大化</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">添加数据库</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">重置</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">desktop</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">行为分析</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">锁</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">列选项</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">减号</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">sql</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">删 除</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">模型</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">发现选中</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">自定义</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">忽略</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">升级</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">星</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">星</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">检测</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">查看搜索</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">交换</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">信任</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">暂无消息</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">短信</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">沙漏</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">下载报告</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">口令攻击</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">访问规则</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">操作规则</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">漏洞攻击</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">生效优先级</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">语句管理</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">注入攻击</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">安全服务</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">批量操作</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">追踪</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">password-manager</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">随机</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">新建文件夹</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">系统消息</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">标记</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">取消关联</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">关联</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">双箭头下</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">双箭头上</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">双箭头右</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">双箭头左</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">上箭头</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">左箭头</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">laptop</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">说明详情</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">陈列设置</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">复选-半选-禁用</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">添加IP</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">节点</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">数据库</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">数据库查询</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">表对象</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">密码可见</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">密码不可见</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">历史记录</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">ip</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">配置IP</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">查看详情</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">会话</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">禁用</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">报告</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">告警统计</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">禁止</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">统计</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">取消</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">策略</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">脱敏</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">分组</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">风险统计</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">关机</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">启动</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">停止</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">全部</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">数据视图配置</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">配置</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">概况</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1668759753755') format('woff2'),
       url('iconfont.woff?t=1668759753755') format('woff'),
       url('iconfont.ttf?t=1668759753755') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-jiqun"></span>
            <div class="name">
              集群
            </div>
            <div class="code-name">.icon-jiqun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-31xuanzhong"></span>
            <div class="name">
              3.1选中
            </div>
            <div class="code-name">.icon-31xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangwenliang"></span>
            <div class="name">
              访问量
            </div>
            <div class="code-name">.icon-fangwenliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dancibao"></span>
            <div class="name">
              单次报
            </div>
            <div class="code-name">.icon-dancibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiajiantou_huaban"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.icon-xiajiantou_huaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiantou_huaban"></span>
            <div class="name">
              上箭头
            </div>
            <div class="code-name">.icon-shangjiantou_huaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongqi"></span>
            <div class="name">
              重启
            </div>
            <div class="code-name">.icon-zhongqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_PINma"></span>
            <div class="name">
              icon_PIN码2
            </div>
            <div class="code-name">.icon-icon_PINma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyong"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.icon-yingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongtongji"></span>
            <div class="name">
              应用统计
            </div>
            <div class="code-name">.icon-yingyongtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedian"></span>
            <div class="name">
              节点
            </div>
            <div class="code-name">.icon-jiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaifangapi"></span>
            <div class="name">
              开放api
            </div>
            <div class="code-name">.icon-kaifangapi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-collaboration-system-full"></span>
            <div class="name">
              协同系统,合作,交流
            </div>
            <div class="code-name">.icon-collaboration-system-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edu-custom-asc"></span>
            <div class="name">
              升序
            </div>
            <div class="code-name">.icon-edu-custom-asc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangxu1"></span>
            <div class="name">
              降序
            </div>
            <div class="code-name">.icon-jiangxu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaose"></span>
            <div class="name">
              角色
            </div>
            <div class="code-name">.icon-jiaose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdan"></span>
            <div class="name">
              工单
            </div>
            <div class="code-name">.icon-gongdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duofanganquanjisuan"></span>
            <div class="name">
              多方安全计算
            </div>
            <div class="code-name">.icon-duofanganquanjisuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leixing-lianbangxuexi"></span>
            <div class="name">
              类型-联邦学习
            </div>
            <div class="code-name">.icon-leixing-lianbangxuexi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leixing-yinsiqiujiao"></span>
            <div class="name">
              类型-隐私求交
            </div>
            <div class="code-name">.icon-leixing-yinsiqiujiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nizongleixing"></span>
            <div class="name">
              匿踪类型
            </div>
            <div class="code-name">.icon-nizongleixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-DBSEC-01"></span>
            <div class="name">
              DBSEC
            </div>
            <div class="code-name">.icon-DBSEC-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yu-01"></span>
            <div class="name">
              与
            </div>
            <div class="code-name">.icon-yu-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huo-01"></span>
            <div class="name">
              或
            </div>
            <div class="code-name">.icon-huo-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuangyinsurenzheng"></span>
            <div class="name">
              双因素认证
            </div>
            <div class="code-name">.icon-shuangyinsurenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankai11"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.icon-zhankai11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shousuo"></span>
            <div class="name">
              收缩
            </div>
            <div class="code-name">.icon-shousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanshuiyinzipingtai-01"></span>
            <div class="name">
              安全水印子平台-01
            </div>
            <div class="code-name">.icon-anquanshuiyinzipingtai-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongshenji"></span>
            <div class="name">
              应用审计
            </div>
            <div class="code-name">.icon-yingyongshenji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunweipingtai"></span>
            <div class="name">
              运维平台
            </div>
            <div class="code-name">.icon-yunweipingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianguanlipingtai"></span>
            <div class="name">
              文件管理平台
            </div>
            <div class="code-name">.icon-wenjianguanlipingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunyingpingtai"></span>
            <div class="name">
              运营平台
            </div>
            <div class="code-name">.icon-yunyingpingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peizhiguanlipingtai"></span>
            <div class="name">
              配置管理平台
            </div>
            <div class="code-name">.icon-peizhiguanlipingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuguanlipingtai"></span>
            <div class="name">
              数据管理平台
            </div>
            <div class="code-name">.icon-shujuguanlipingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanfanghupingtai"></span>
            <div class="name">
              安全防护平台
            </div>
            <div class="code-name">.icon-anquanfanghupingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cunchujiamipingtai"></span>
            <div class="name">
              存储加密平台
            </div>
            <div class="code-name">.icon-cunchujiamipingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianceguanlipingtai"></span>
            <div class="name">
              监测管理平台
            </div>
            <div class="code-name">.icon-jianceguanlipingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanfenfapingtai"></span>
            <div class="name">
              安全分发平台
            </div>
            <div class="code-name">.icon-anquanfenfapingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weikaifang-xie-01"></span>
            <div class="name">
              未开放-斜-01
            </div>
            <div class="code-name">.icon-weikaifang-xie-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weihuzhong-xie-01"></span>
            <div class="name">
              维护中-斜-01
            </div>
            <div class="code-name">.icon-weihuzhong-xie-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weishouquan-xie-01"></span>
            <div class="name">
              未授权-斜-01
            </div>
            <div class="code-name">.icon-weishouquan-xie-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weikaifang-01"></span>
            <div class="name">
              未开放-01
            </div>
            <div class="code-name">.icon-weikaifang-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weishouquan-01"></span>
            <div class="name">
              未授权-01
            </div>
            <div class="code-name">.icon-weishouquan-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weihuzhong-01"></span>
            <div class="name">
              维护中-01
            </div>
            <div class="code-name">.icon-weihuzhong-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunzhuji-copy"></span>
            <div class="name">
              云主机
            </div>
            <div class="code-name">.icon-yunzhuji-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunzhuji"></span>
            <div class="name">
              云主机
            </div>
            <div class="code-name">.icon-yunzhuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashujugongzuoliuyinqing"></span>
            <div class="name">
              大数据工作流引擎
            </div>
            <div class="code-name">.icon-dashujugongzuoliuyinqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-disaster"></span>
            <div class="name">
              容灾
            </div>
            <div class="code-name">.icon-disaster
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-LPARfenqu"></span>
            <div class="name">
              LPAR分区
            </div>
            <div class="code-name">.icon-LPARfenqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiehuan"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-qiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kouling"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon-kouling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuyanqiehuan-zhongwen"></span>
            <div class="name">
              语言切换-中文
            </div>
            <div class="code-name">.icon-yuyanqiehuan-zhongwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuyanqiehuan-fan"></span>
            <div class="name">
              语言切换-繁
            </div>
            <div class="code-name">.icon-yuyanqiehuan-fan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuyan"></span>
            <div class="name">
              语言
            </div>
            <div class="code-name">.icon-yuyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghao"></span>
            <div class="name">
              账号
            </div>
            <div class="code-name">.icon-zhanghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxianbeifen"></span>
            <div class="name">
              风险备份
            </div>
            <div class="code-name">.icon-fengxianbeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxianguanli"></span>
            <div class="name">
              风险管理
            </div>
            <div class="code-name">.icon-fengxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiekouguanli"></span>
            <div class="name">
              接口管理
            </div>
            <div class="code-name">.icon-jiekouguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dsp"></span>
            <div class="name">
              可视化 (3)
            </div>
            <div class="code-name">.icon-dsp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-gear"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.icon-user-gear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minus-square"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.icon-minus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plus-square"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.icon-plus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-contrast"></span>
            <div class="name">
              对比
            </div>
            <div class="code-name">.icon-contrast
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoom-out"></span>
            <div class="name">
              缩小
            </div>
            <div class="code-name">.icon-zoom-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-task"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.icon-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-on"></span>
            <div class="name">
              开关 关
            </div>
            <div class="code-name">.icon-on
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-off"></span>
            <div class="name">
              开关 关
            </div>
            <div class="code-name">.icon-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoom-in"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-zoom-in
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-privilege"></span>
            <div class="name">
              密码管理
            </div>
            <div class="code-name">.icon-privilege
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-r"></span>
            <div class="name">
              规则
            </div>
            <div class="code-name">.icon-r
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mask-rule"></span>
            <div class="name">
              脱敏规则
            </div>
            <div class="code-name">.icon-mask-rule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-backup"></span>
            <div class="name">
              dbs 数据库备份DBS
            </div>
            <div class="code-name">.icon-backup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-recover"></span>
            <div class="name">
              恢复
            </div>
            <div class="code-name">.icon-recover
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichanfengxian"></span>
            <div class="name">
              风险资产
            </div>
            <div class="code-name">.icon-zichanfengxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukuyunwei"></span>
            <div class="name">
              数据库运维
            </div>
            <div class="code-name">.icon-shujukuyunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cluster"></span>
            <div class="name">
              集群主机1
            </div>
            <div class="code-name">.icon-cluster
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-watermark"></span>
            <div class="name">
              盖章
            </div>
            <div class="code-name">.icon-watermark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-location"></span>
            <div class="name">
              追踪溯源-面
            </div>
            <div class="code-name">.icon-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-allcheck"></span>
            <div class="name">
              多选框
            </div>
            <div class="code-name">.icon-allcheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wwechat"></span>
            <div class="name">
              企业微信
            </div>
            <div class="code-name">.icon-wwechat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check"></span>
            <div class="name">
              勾
            </div>
            <div class="code-name">.icon-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-issue"></span>
            <div class="name">
              下发任务
            </div>
            <div class="code-name">.icon-issue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clock"></span>
            <div class="name">
              定时
            </div>
            <div class="code-name">.icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-polygon-mouse"></span>
            <div class="name">
              行为规则
            </div>
            <div class="code-name">.icon-polygon-mouse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circle"></span>
            <div class="name">
              圆
            </div>
            <div class="code-name">.icon-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mail-full"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.icon-mail-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-access"></span>
            <div class="name">
              access
            </div>
            <div class="code-name">.icon-access
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-monitor-pie"></span>
            <div class="name">
              报表分析
            </div>
            <div class="code-name">.icon-monitor-pie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-spanner"></span>
            <div class="name">
              维护
            </div>
            <div class="code-name">.icon-spanner
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-encrypt-db"></span>
            <div class="name">
              数据库加密
            </div>
            <div class="code-name">.icon-encrypt-db
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-database-pad"></span>
            <div class="name">
              数据库源管理
            </div>
            <div class="code-name">.icon-database-pad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-branch"></span>
            <div class="name">
              分级分类管理
            </div>
            <div class="code-name">.icon-branch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paper-plus"></span>
            <div class="name">
              申请B
            </div>
            <div class="code-name">.icon-paper-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-seal"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-seal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-square-four"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.icon-square-four
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hand-up"></span>
            <div class="name">
              我的申请
            </div>
            <div class="code-name">.icon-hand-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-network"></span>
            <div class="name">
              网络管理
            </div>
            <div class="code-name">.icon-network
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cycle"></span>
            <div class="name">
              数据地图
            </div>
            <div class="code-name">.icon-cycle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layer-multi"></span>
            <div class="name">
              资产梳理
            </div>
            <div class="code-name">.icon-layer-multi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-count"></span>
            <div class="name">
              账目汇总、数据概览
            </div>
            <div class="code-name">.icon-count
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-monitor"></span>
            <div class="name">
              实时状态
            </div>
            <div class="code-name">.icon-monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-restart"></span>
            <div class="name">
              恢复出厂设置
            </div>
            <div class="code-name">.icon-restart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exe-file"></span>
            <div class="name">
              执行
            </div>
            <div class="code-name">.icon-exe-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drug"></span>
            <div class="name">
              药品
            </div>
            <div class="code-name">.icon-drug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-light"></span>
            <div class="name">
              灯泡
            </div>
            <div class="code-name">.icon-light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-light-on"></span>
            <div class="name">
              策略icon
            </div>
            <div class="code-name">.icon-light-on
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-file-pile"></span>
            <div class="name">
              归档
            </div>
            <div class="code-name">.icon-file-pile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ai-tool"></span>
            <div class="name">
              工具
            </div>
            <div class="code-name">.icon-ai-tool
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-loading"></span>
            <div class="name">
              loading
            </div>
            <div class="code-name">.icon-loading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bind"></span>
            <div class="name">
              绑定
            </div>
            <div class="code-name">.icon-bind
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-break"></span>
            <div class="name">
              断开网络
            </div>
            <div class="code-name">.icon-break
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book"></span>
            <div class="name">
              学习活动-01
            </div>
            <div class="code-name">.icon-book
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-revoke"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-revoke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shield-bang"></span>
            <div class="name">
              风险测评
            </div>
            <div class="code-name">.icon-shield-bang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-bottom"></span>
            <div class="name">
              置底（面）
            </div>
            <div class="code-name">.icon-arr-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-top"></span>
            <div class="name">
              置顶（面）
            </div>
            <div class="code-name">.icon-arr-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-down"></span>
            <div class="name">
              策略优先级降序
            </div>
            <div class="code-name">.icon-arr-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-up"></span>
            <div class="name">
              策略优先级升序
            </div>
            <div class="code-name">.icon-arr-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clear"></span>
            <div class="name">
              清除
            </div>
            <div class="code-name">.icon-clear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-umbrella"></span>
            <div class="name">
              护航
            </div>
            <div class="code-name">.icon-umbrella
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-filter"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-filter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-max"></span>
            <div class="name">
              最大化
            </div>
            <div class="code-name">.icon-max
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-help"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-help
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-db-plus"></span>
            <div class="name">
              添加数据库
            </div>
            <div class="code-name">.icon-db-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-reset"></span>
            <div class="name">
              重置
            </div>
            <div class="code-name">.icon-reset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-desktop"></span>
            <div class="name">
              desktop
            </div>
            <div class="code-name">.icon-desktop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-brokenline"></span>
            <div class="name">
              行为分析
            </div>
            <div class="code-name">.icon-brokenline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lock"></span>
            <div class="name">
              锁
            </div>
            <div class="code-name">.icon-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cols-two"></span>
            <div class="name">
              列选项
            </div>
            <div class="code-name">.icon-cols-two
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minus"></span>
            <div class="name">
              减号
            </div>
            <div class="code-name">.icon-minus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plus"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.icon-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dots"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-dots
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-back"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-back
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-monitor-gear"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-monitor-gear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sql"></span>
            <div class="name">
              sql
            </div>
            <div class="code-name">.icon-sql
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-trash"></span>
            <div class="name">
              删 除
            </div>
            <div class="code-name">.icon-trash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-detail-log"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.icon-detail-log
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-model"></span>
            <div class="name">
              模型
            </div>
            <div class="code-name">.icon-model
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folder-open"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-folder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-full"></span>
            <div class="name">
              发现选中
            </div>
            <div class="code-name">.icon-eye-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-customize"></span>
            <div class="name">
              自定义
            </div>
            <div class="code-name">.icon-customize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circle-cross"></span>
            <div class="name">
              忽略
            </div>
            <div class="code-name">.icon-circle-cross
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upgrade"></span>
            <div class="name">
              升级
            </div>
            <div class="code-name">.icon-upgrade
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-star-empty"></span>
            <div class="name">
              星
            </div>
            <div class="code-name">.icon-star-empty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-star"></span>
            <div class="name">
              星
            </div>
            <div class="code-name">.icon-star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-testing"></span>
            <div class="name">
              检测
            </div>
            <div class="code-name">.icon-testing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search"></span>
            <div class="name">
              查看搜索
            </div>
            <div class="code-name">.icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exchange"></span>
            <div class="name">
              交换
            </div>
            <div class="code-name">.icon-exchange
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shield-o"></span>
            <div class="name">
              信任
            </div>
            <div class="code-name">.icon-shield-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-msg-no"></span>
            <div class="name">
              暂无消息
            </div>
            <div class="code-name">.icon-msg-no
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-list"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sms"></span>
            <div class="name">
              短信
            </div>
            <div class="code-name">.icon-sms
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hourglass"></span>
            <div class="name">
              沙漏
            </div>
            <div class="code-name">.icon-hourglass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-download-file"></span>
            <div class="name">
              下载报告
            </div>
            <div class="code-name">.icon-download-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upload"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check-square"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-check-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-key-rule"></span>
            <div class="name">
              口令攻击
            </div>
            <div class="code-name">.icon-key-rule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-access-rule"></span>
            <div class="name">
              访问规则
            </div>
            <div class="code-name">.icon-access-rule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-spanner-rule"></span>
            <div class="name">
              操作规则
            </div>
            <div class="code-name">.icon-spanner-rule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bug-r"></span>
            <div class="name">
              漏洞攻击
            </div>
            <div class="code-name">.icon-bug-r
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort-save"></span>
            <div class="name">
              生效优先级
            </div>
            <div class="code-name">.icon-sort-save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rule"></span>
            <div class="name">
              语句管理
            </div>
            <div class="code-name">.icon-rule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-syringe-rule"></span>
            <div class="name">
              注入攻击
            </div>
            <div class="code-name">.icon-syringe-rule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shield"></span>
            <div class="name">
              安全服务
            </div>
            <div class="code-name">.icon-shield
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check-multi"></span>
            <div class="name">
              批量操作
            </div>
            <div class="code-name">.icon-check-multi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-save"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-trace"></span>
            <div class="name">
              追踪
            </div>
            <div class="code-name">.icon-trace
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-key-gear"></span>
            <div class="name">
              password-manager
            </div>
            <div class="code-name">.icon-key-gear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-random"></span>
            <div class="name">
              随机
            </div>
            <div class="code-name">.icon-random
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folder-plus"></span>
            <div class="name">
              新建文件夹
            </div>
            <div class="code-name">.icon-folder-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bell"></span>
            <div class="name">
              系统消息
            </div>
            <div class="code-name">.icon-bell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-circle"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-user-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-switch"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-switch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-flag"></span>
            <div class="name">
              标记
            </div>
            <div class="code-name">.icon-flag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-unlink"></span>
            <div class="name">
              取消关联
            </div>
            <div class="code-name">.icon-unlink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-link"></span>
            <div class="name">
              关联
            </div>
            <div class="code-name">.icon-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-down-double"></span>
            <div class="name">
              双箭头下
            </div>
            <div class="code-name">.icon-arr-down-double
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-up-double"></span>
            <div class="name">
              双箭头上
            </div>
            <div class="code-name">.icon-arr-up-double
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-right-double"></span>
            <div class="name">
              双箭头右
            </div>
            <div class="code-name">.icon-arr-right-double
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-left-double"></span>
            <div class="name">
              双箭头左
            </div>
            <div class="code-name">.icon-arr-left-double
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chevron-down"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.icon-chevron-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chevron-up"></span>
            <div class="name">
              上箭头
            </div>
            <div class="code-name">.icon-chevron-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-right"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.icon-arr-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arr-left"></span>
            <div class="name">
              左箭头
            </div>
            <div class="code-name">.icon-arr-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laptop"></span>
            <div class="name">
              laptop
            </div>
            <div class="code-name">.icon-laptop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circle-bang"></span>
            <div class="name">
              说明详情
            </div>
            <div class="code-name">.icon-circle-bang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-columon-set"></span>
            <div class="name">
              陈列设置
            </div>
            <div class="code-name">.icon-columon-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sub-square"></span>
            <div class="name">
              复选-半选-禁用
            </div>
            <div class="code-name">.icon-sub-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add-ip"></span>
            <div class="name">
              添加IP
            </div>
            <div class="code-name">.icon-add-ip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exit"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-exit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-node"></span>
            <div class="name">
              节点
            </div>
            <div class="code-name">.icon-node
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circle-check"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-circle-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-copy"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.icon-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-database"></span>
            <div class="name">
              数据库
            </div>
            <div class="code-name">.icon-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circle-plus"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-circle-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-db-scan"></span>
            <div class="name">
              数据库查询
            </div>
            <div class="code-name">.icon-db-scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-text"></span>
            <div class="name">
              表对象
            </div>
            <div class="code-name">.icon-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye"></span>
            <div class="name">
              密码可见
            </div>
            <div class="code-name">.icon-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-close"></span>
            <div class="name">
              密码不可见
            </div>
            <div class="code-name">.icon-eye-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-history"></span>
            <div class="name">
              历史记录
            </div>
            <div class="code-name">.icon-history
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ip"></span>
            <div class="name">
              ip
            </div>
            <div class="code-name">.icon-ip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-config"></span>
            <div class="name">
              配置IP
            </div>
            <div class="code-name">.icon-config
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-unlock"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-warning"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-detail"></span>
            <div class="name">
              查看详情
            </div>
            <div class="code-name">.icon-detail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-session"></span>
            <div class="name">
              会话
            </div>
            <div class="code-name">.icon-session
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-forbidden"></span>
            <div class="name">
              禁用
            </div>
            <div class="code-name">.icon-forbidden
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-report"></span>
            <div class="name">
              报告
            </div>
            <div class="code-name">.icon-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-extend"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-extend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chart-warning"></span>
            <div class="name">
              告警统计
            </div>
            <div class="code-name">.icon-chart-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-download"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circle-ellipsis"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-circle-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-forbidden-full"></span>
            <div class="name">
              禁止
            </div>
            <div class="code-name">.icon-forbidden-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chart-bars"></span>
            <div class="name">
              统计
            </div>
            <div class="code-name">.icon-chart-bars
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mail"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.icon-mail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cross"></span>
            <div class="name">
              取消
            </div>
            <div class="code-name">.icon-cross
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoot"></span>
            <div class="name">
              策略
            </div>
            <div class="code-name">.icon-shoot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stick"></span>
            <div class="name">
              脱敏
            </div>
            <div class="code-name">.icon-stick
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-group"></span>
            <div class="name">
              分组
            </div>
            <div class="code-name">.icon-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fire"></span>
            <div class="name">
              风险统计
            </div>
            <div class="code-name">.icon-fire
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folder"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-poweroff"></span>
            <div class="name">
              关机
            </div>
            <div class="code-name">.icon-poweroff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pause"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-pause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-play"></span>
            <div class="name">
              启动
            </div>
            <div class="code-name">.icon-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stop"></span>
            <div class="name">
              停止
            </div>
            <div class="code-name">.icon-stop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-squares"></span>
            <div class="name">
              全部
            </div>
            <div class="code-name">.icon-squares
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bars"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-bars
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-config-file"></span>
            <div class="name">
              数据视图配置
            </div>
            <div class="code-name">.icon-config-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gear"></span>
            <div class="name">
              配置
            </div>
            <div class="code-name">.icon-gear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meter"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.icon-meter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort-down"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-sort-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-home"></span>
            <div class="name">
              概况
            </div>
            <div class="code-name">.icon-home
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiqun"></use>
                </svg>
                <div class="name">集群</div>
                <div class="code-name">#icon-jiqun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-31xuanzhong"></use>
                </svg>
                <div class="name">3.1选中</div>
                <div class="code-name">#icon-31xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangwenliang"></use>
                </svg>
                <div class="name">访问量</div>
                <div class="code-name">#icon-fangwenliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dancibao"></use>
                </svg>
                <div class="name">单次报</div>
                <div class="code-name">#icon-dancibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiajiantou_huaban"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#icon-xiajiantou_huaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangjiantou_huaban"></use>
                </svg>
                <div class="name">上箭头</div>
                <div class="code-name">#icon-shangjiantou_huaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongqi"></use>
                </svg>
                <div class="name">重启</div>
                <div class="code-name">#icon-zhongqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_PINma"></use>
                </svg>
                <div class="name">icon_PIN码2</div>
                <div class="code-name">#icon-icon_PINma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyong"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#icon-yingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongtongji"></use>
                </svg>
                <div class="name">应用统计</div>
                <div class="code-name">#icon-yingyongtongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedian"></use>
                </svg>
                <div class="name">节点</div>
                <div class="code-name">#icon-jiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaifangapi"></use>
                </svg>
                <div class="name">开放api</div>
                <div class="code-name">#icon-kaifangapi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collaboration-system-full"></use>
                </svg>
                <div class="name">协同系统,合作,交流</div>
                <div class="code-name">#icon-collaboration-system-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edu-custom-asc"></use>
                </svg>
                <div class="name">升序</div>
                <div class="code-name">#icon-edu-custom-asc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangxu1"></use>
                </svg>
                <div class="name">降序</div>
                <div class="code-name">#icon-jiangxu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaose"></use>
                </svg>
                <div class="name">角色</div>
                <div class="code-name">#icon-jiaose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdan"></use>
                </svg>
                <div class="name">工单</div>
                <div class="code-name">#icon-gongdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duofanganquanjisuan"></use>
                </svg>
                <div class="name">多方安全计算</div>
                <div class="code-name">#icon-duofanganquanjisuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leixing-lianbangxuexi"></use>
                </svg>
                <div class="name">类型-联邦学习</div>
                <div class="code-name">#icon-leixing-lianbangxuexi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leixing-yinsiqiujiao"></use>
                </svg>
                <div class="name">类型-隐私求交</div>
                <div class="code-name">#icon-leixing-yinsiqiujiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nizongleixing"></use>
                </svg>
                <div class="name">匿踪类型</div>
                <div class="code-name">#icon-nizongleixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-DBSEC-01"></use>
                </svg>
                <div class="name">DBSEC</div>
                <div class="code-name">#icon-DBSEC-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yu-01"></use>
                </svg>
                <div class="name">与</div>
                <div class="code-name">#icon-yu-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huo-01"></use>
                </svg>
                <div class="name">或</div>
                <div class="code-name">#icon-huo-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuangyinsurenzheng"></use>
                </svg>
                <div class="name">双因素认证</div>
                <div class="code-name">#icon-shuangyinsurenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankai11"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#icon-zhankai11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shousuo"></use>
                </svg>
                <div class="name">收缩</div>
                <div class="code-name">#icon-shousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanshuiyinzipingtai-01"></use>
                </svg>
                <div class="name">安全水印子平台-01</div>
                <div class="code-name">#icon-anquanshuiyinzipingtai-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongshenji"></use>
                </svg>
                <div class="name">应用审计</div>
                <div class="code-name">#icon-yingyongshenji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunweipingtai"></use>
                </svg>
                <div class="name">运维平台</div>
                <div class="code-name">#icon-yunweipingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianguanlipingtai"></use>
                </svg>
                <div class="name">文件管理平台</div>
                <div class="code-name">#icon-wenjianguanlipingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunyingpingtai"></use>
                </svg>
                <div class="name">运营平台</div>
                <div class="code-name">#icon-yunyingpingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhiguanlipingtai"></use>
                </svg>
                <div class="name">配置管理平台</div>
                <div class="code-name">#icon-peizhiguanlipingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuguanlipingtai"></use>
                </svg>
                <div class="name">数据管理平台</div>
                <div class="code-name">#icon-shujuguanlipingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanfanghupingtai"></use>
                </svg>
                <div class="name">安全防护平台</div>
                <div class="code-name">#icon-anquanfanghupingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cunchujiamipingtai"></use>
                </svg>
                <div class="name">存储加密平台</div>
                <div class="code-name">#icon-cunchujiamipingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianceguanlipingtai"></use>
                </svg>
                <div class="name">监测管理平台</div>
                <div class="code-name">#icon-jianceguanlipingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanfenfapingtai"></use>
                </svg>
                <div class="name">安全分发平台</div>
                <div class="code-name">#icon-anquanfenfapingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weikaifang-xie-01"></use>
                </svg>
                <div class="name">未开放-斜-01</div>
                <div class="code-name">#icon-weikaifang-xie-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weihuzhong-xie-01"></use>
                </svg>
                <div class="name">维护中-斜-01</div>
                <div class="code-name">#icon-weihuzhong-xie-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weishouquan-xie-01"></use>
                </svg>
                <div class="name">未授权-斜-01</div>
                <div class="code-name">#icon-weishouquan-xie-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weikaifang-01"></use>
                </svg>
                <div class="name">未开放-01</div>
                <div class="code-name">#icon-weikaifang-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weishouquan-01"></use>
                </svg>
                <div class="name">未授权-01</div>
                <div class="code-name">#icon-weishouquan-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weihuzhong-01"></use>
                </svg>
                <div class="name">维护中-01</div>
                <div class="code-name">#icon-weihuzhong-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunzhuji-copy"></use>
                </svg>
                <div class="name">云主机</div>
                <div class="code-name">#icon-yunzhuji-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunzhuji"></use>
                </svg>
                <div class="name">云主机</div>
                <div class="code-name">#icon-yunzhuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashujugongzuoliuyinqing"></use>
                </svg>
                <div class="name">大数据工作流引擎</div>
                <div class="code-name">#icon-dashujugongzuoliuyinqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-disaster"></use>
                </svg>
                <div class="name">容灾</div>
                <div class="code-name">#icon-disaster</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-LPARfenqu"></use>
                </svg>
                <div class="name">LPAR分区</div>
                <div class="code-name">#icon-LPARfenqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiehuan"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-qiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kouling"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon-kouling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuyanqiehuan-zhongwen"></use>
                </svg>
                <div class="name">语言切换-中文</div>
                <div class="code-name">#icon-yuyanqiehuan-zhongwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuyanqiehuan-fan"></use>
                </svg>
                <div class="name">语言切换-繁</div>
                <div class="code-name">#icon-yuyanqiehuan-fan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuyan"></use>
                </svg>
                <div class="name">语言</div>
                <div class="code-name">#icon-yuyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghao"></use>
                </svg>
                <div class="name">账号</div>
                <div class="code-name">#icon-zhanghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianbeifen"></use>
                </svg>
                <div class="name">风险备份</div>
                <div class="code-name">#icon-fengxianbeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianguanli"></use>
                </svg>
                <div class="name">风险管理</div>
                <div class="code-name">#icon-fengxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiekouguanli"></use>
                </svg>
                <div class="name">接口管理</div>
                <div class="code-name">#icon-jiekouguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dsp"></use>
                </svg>
                <div class="name">可视化 (3)</div>
                <div class="code-name">#icon-dsp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-gear"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#icon-user-gear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus-square"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#icon-minus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus-square"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#icon-plus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-contrast"></use>
                </svg>
                <div class="name">对比</div>
                <div class="code-name">#icon-contrast</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoom-out"></use>
                </svg>
                <div class="name">缩小</div>
                <div class="code-name">#icon-zoom-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-task"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#icon-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-on"></use>
                </svg>
                <div class="name">开关 关</div>
                <div class="code-name">#icon-on</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-off"></use>
                </svg>
                <div class="name">开关 关</div>
                <div class="code-name">#icon-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoom-in"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-zoom-in</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-privilege"></use>
                </svg>
                <div class="name">密码管理</div>
                <div class="code-name">#icon-privilege</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-r"></use>
                </svg>
                <div class="name">规则</div>
                <div class="code-name">#icon-r</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mask-rule"></use>
                </svg>
                <div class="name">脱敏规则</div>
                <div class="code-name">#icon-mask-rule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-backup"></use>
                </svg>
                <div class="name">dbs 数据库备份DBS</div>
                <div class="code-name">#icon-backup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-recover"></use>
                </svg>
                <div class="name">恢复</div>
                <div class="code-name">#icon-recover</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichanfengxian"></use>
                </svg>
                <div class="name">风险资产</div>
                <div class="code-name">#icon-zichanfengxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukuyunwei"></use>
                </svg>
                <div class="name">数据库运维</div>
                <div class="code-name">#icon-shujukuyunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cluster"></use>
                </svg>
                <div class="name">集群主机1</div>
                <div class="code-name">#icon-cluster</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-watermark"></use>
                </svg>
                <div class="name">盖章</div>
                <div class="code-name">#icon-watermark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-location"></use>
                </svg>
                <div class="name">追踪溯源-面</div>
                <div class="code-name">#icon-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-allcheck"></use>
                </svg>
                <div class="name">多选框</div>
                <div class="code-name">#icon-allcheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wwechat"></use>
                </svg>
                <div class="name">企业微信</div>
                <div class="code-name">#icon-wwechat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check"></use>
                </svg>
                <div class="name">勾</div>
                <div class="code-name">#icon-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-issue"></use>
                </svg>
                <div class="name">下发任务</div>
                <div class="code-name">#icon-issue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clock"></use>
                </svg>
                <div class="name">定时</div>
                <div class="code-name">#icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-polygon-mouse"></use>
                </svg>
                <div class="name">行为规则</div>
                <div class="code-name">#icon-polygon-mouse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle"></use>
                </svg>
                <div class="name">圆</div>
                <div class="code-name">#icon-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mail-full"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#icon-mail-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-access"></use>
                </svg>
                <div class="name">access</div>
                <div class="code-name">#icon-access</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-monitor-pie"></use>
                </svg>
                <div class="name">报表分析</div>
                <div class="code-name">#icon-monitor-pie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-spanner"></use>
                </svg>
                <div class="name">维护</div>
                <div class="code-name">#icon-spanner</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-encrypt-db"></use>
                </svg>
                <div class="name">数据库加密</div>
                <div class="code-name">#icon-encrypt-db</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-database-pad"></use>
                </svg>
                <div class="name">数据库源管理</div>
                <div class="code-name">#icon-database-pad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-branch"></use>
                </svg>
                <div class="name">分级分类管理</div>
                <div class="code-name">#icon-branch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paper-plus"></use>
                </svg>
                <div class="name">申请B</div>
                <div class="code-name">#icon-paper-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-seal"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-seal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-square-four"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#icon-square-four</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hand-up"></use>
                </svg>
                <div class="name">我的申请</div>
                <div class="code-name">#icon-hand-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-network"></use>
                </svg>
                <div class="name">网络管理</div>
                <div class="code-name">#icon-network</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cycle"></use>
                </svg>
                <div class="name">数据地图</div>
                <div class="code-name">#icon-cycle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layer-multi"></use>
                </svg>
                <div class="name">资产梳理</div>
                <div class="code-name">#icon-layer-multi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-count"></use>
                </svg>
                <div class="name">账目汇总、数据概览</div>
                <div class="code-name">#icon-count</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-monitor"></use>
                </svg>
                <div class="name">实时状态</div>
                <div class="code-name">#icon-monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-restart"></use>
                </svg>
                <div class="name">恢复出厂设置</div>
                <div class="code-name">#icon-restart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exe-file"></use>
                </svg>
                <div class="name">执行</div>
                <div class="code-name">#icon-exe-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drug"></use>
                </svg>
                <div class="name">药品</div>
                <div class="code-name">#icon-drug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-light"></use>
                </svg>
                <div class="name">灯泡</div>
                <div class="code-name">#icon-light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-light-on"></use>
                </svg>
                <div class="name">策略icon</div>
                <div class="code-name">#icon-light-on</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file-pile"></use>
                </svg>
                <div class="name">归档</div>
                <div class="code-name">#icon-file-pile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai-tool"></use>
                </svg>
                <div class="name">工具</div>
                <div class="code-name">#icon-ai-tool</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-loading"></use>
                </svg>
                <div class="name">loading</div>
                <div class="code-name">#icon-loading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bind"></use>
                </svg>
                <div class="name">绑定</div>
                <div class="code-name">#icon-bind</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-break"></use>
                </svg>
                <div class="name">断开网络</div>
                <div class="code-name">#icon-break</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book"></use>
                </svg>
                <div class="name">学习活动-01</div>
                <div class="code-name">#icon-book</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-revoke"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-revoke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shield-bang"></use>
                </svg>
                <div class="name">风险测评</div>
                <div class="code-name">#icon-shield-bang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-bottom"></use>
                </svg>
                <div class="name">置底（面）</div>
                <div class="code-name">#icon-arr-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-top"></use>
                </svg>
                <div class="name">置顶（面）</div>
                <div class="code-name">#icon-arr-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-down"></use>
                </svg>
                <div class="name">策略优先级降序</div>
                <div class="code-name">#icon-arr-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-up"></use>
                </svg>
                <div class="name">策略优先级升序</div>
                <div class="code-name">#icon-arr-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clear"></use>
                </svg>
                <div class="name">清除</div>
                <div class="code-name">#icon-clear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-umbrella"></use>
                </svg>
                <div class="name">护航</div>
                <div class="code-name">#icon-umbrella</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-filter"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-filter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-max"></use>
                </svg>
                <div class="name">最大化</div>
                <div class="code-name">#icon-max</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-help"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-help</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-db-plus"></use>
                </svg>
                <div class="name">添加数据库</div>
                <div class="code-name">#icon-db-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reset"></use>
                </svg>
                <div class="name">重置</div>
                <div class="code-name">#icon-reset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-desktop"></use>
                </svg>
                <div class="name">desktop</div>
                <div class="code-name">#icon-desktop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-brokenline"></use>
                </svg>
                <div class="name">行为分析</div>
                <div class="code-name">#icon-brokenline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock"></use>
                </svg>
                <div class="name">锁</div>
                <div class="code-name">#icon-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cols-two"></use>
                </svg>
                <div class="name">列选项</div>
                <div class="code-name">#icon-cols-two</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus"></use>
                </svg>
                <div class="name">减号</div>
                <div class="code-name">#icon-minus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#icon-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dots"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-dots</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-back"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-back</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-monitor-gear"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-monitor-gear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sql"></use>
                </svg>
                <div class="name">sql</div>
                <div class="code-name">#icon-sql</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-trash"></use>
                </svg>
                <div class="name">删 除</div>
                <div class="code-name">#icon-trash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-detail-log"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#icon-detail-log</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-model"></use>
                </svg>
                <div class="name">模型</div>
                <div class="code-name">#icon-model</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder-open"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-folder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-full"></use>
                </svg>
                <div class="name">发现选中</div>
                <div class="code-name">#icon-eye-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-customize"></use>
                </svg>
                <div class="name">自定义</div>
                <div class="code-name">#icon-customize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle-cross"></use>
                </svg>
                <div class="name">忽略</div>
                <div class="code-name">#icon-circle-cross</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upgrade"></use>
                </svg>
                <div class="name">升级</div>
                <div class="code-name">#icon-upgrade</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star-empty"></use>
                </svg>
                <div class="name">星</div>
                <div class="code-name">#icon-star-empty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star"></use>
                </svg>
                <div class="name">星</div>
                <div class="code-name">#icon-star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-testing"></use>
                </svg>
                <div class="name">检测</div>
                <div class="code-name">#icon-testing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search"></use>
                </svg>
                <div class="name">查看搜索</div>
                <div class="code-name">#icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exchange"></use>
                </svg>
                <div class="name">交换</div>
                <div class="code-name">#icon-exchange</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shield-o"></use>
                </svg>
                <div class="name">信任</div>
                <div class="code-name">#icon-shield-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-msg-no"></use>
                </svg>
                <div class="name">暂无消息</div>
                <div class="code-name">#icon-msg-no</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-list"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sms"></use>
                </svg>
                <div class="name">短信</div>
                <div class="code-name">#icon-sms</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hourglass"></use>
                </svg>
                <div class="name">沙漏</div>
                <div class="code-name">#icon-hourglass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-download-file"></use>
                </svg>
                <div class="name">下载报告</div>
                <div class="code-name">#icon-download-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upload"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check-square"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-check-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-key-rule"></use>
                </svg>
                <div class="name">口令攻击</div>
                <div class="code-name">#icon-key-rule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-access-rule"></use>
                </svg>
                <div class="name">访问规则</div>
                <div class="code-name">#icon-access-rule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-spanner-rule"></use>
                </svg>
                <div class="name">操作规则</div>
                <div class="code-name">#icon-spanner-rule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bug-r"></use>
                </svg>
                <div class="name">漏洞攻击</div>
                <div class="code-name">#icon-bug-r</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort-save"></use>
                </svg>
                <div class="name">生效优先级</div>
                <div class="code-name">#icon-sort-save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rule"></use>
                </svg>
                <div class="name">语句管理</div>
                <div class="code-name">#icon-rule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-syringe-rule"></use>
                </svg>
                <div class="name">注入攻击</div>
                <div class="code-name">#icon-syringe-rule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shield"></use>
                </svg>
                <div class="name">安全服务</div>
                <div class="code-name">#icon-shield</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check-multi"></use>
                </svg>
                <div class="name">批量操作</div>
                <div class="code-name">#icon-check-multi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-save"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-trace"></use>
                </svg>
                <div class="name">追踪</div>
                <div class="code-name">#icon-trace</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-key-gear"></use>
                </svg>
                <div class="name">password-manager</div>
                <div class="code-name">#icon-key-gear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-random"></use>
                </svg>
                <div class="name">随机</div>
                <div class="code-name">#icon-random</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder-plus"></use>
                </svg>
                <div class="name">新建文件夹</div>
                <div class="code-name">#icon-folder-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bell"></use>
                </svg>
                <div class="name">系统消息</div>
                <div class="code-name">#icon-bell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-circle"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-user-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-switch"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-switch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-flag"></use>
                </svg>
                <div class="name">标记</div>
                <div class="code-name">#icon-flag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unlink"></use>
                </svg>
                <div class="name">取消关联</div>
                <div class="code-name">#icon-unlink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link"></use>
                </svg>
                <div class="name">关联</div>
                <div class="code-name">#icon-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-down-double"></use>
                </svg>
                <div class="name">双箭头下</div>
                <div class="code-name">#icon-arr-down-double</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-up-double"></use>
                </svg>
                <div class="name">双箭头上</div>
                <div class="code-name">#icon-arr-up-double</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-right-double"></use>
                </svg>
                <div class="name">双箭头右</div>
                <div class="code-name">#icon-arr-right-double</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-left-double"></use>
                </svg>
                <div class="name">双箭头左</div>
                <div class="code-name">#icon-arr-left-double</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chevron-down"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#icon-chevron-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chevron-up"></use>
                </svg>
                <div class="name">上箭头</div>
                <div class="code-name">#icon-chevron-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-right"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#icon-arr-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arr-left"></use>
                </svg>
                <div class="name">左箭头</div>
                <div class="code-name">#icon-arr-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laptop"></use>
                </svg>
                <div class="name">laptop</div>
                <div class="code-name">#icon-laptop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle-bang"></use>
                </svg>
                <div class="name">说明详情</div>
                <div class="code-name">#icon-circle-bang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-columon-set"></use>
                </svg>
                <div class="name">陈列设置</div>
                <div class="code-name">#icon-columon-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sub-square"></use>
                </svg>
                <div class="name">复选-半选-禁用</div>
                <div class="code-name">#icon-sub-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add-ip"></use>
                </svg>
                <div class="name">添加IP</div>
                <div class="code-name">#icon-add-ip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exit"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-exit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-node"></use>
                </svg>
                <div class="name">节点</div>
                <div class="code-name">#icon-node</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle-check"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-circle-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-copy"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#icon-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-database"></use>
                </svg>
                <div class="name">数据库</div>
                <div class="code-name">#icon-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle-plus"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-circle-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-db-scan"></use>
                </svg>
                <div class="name">数据库查询</div>
                <div class="code-name">#icon-db-scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-text"></use>
                </svg>
                <div class="name">表对象</div>
                <div class="code-name">#icon-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye"></use>
                </svg>
                <div class="name">密码可见</div>
                <div class="code-name">#icon-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-close"></use>
                </svg>
                <div class="name">密码不可见</div>
                <div class="code-name">#icon-eye-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-history"></use>
                </svg>
                <div class="name">历史记录</div>
                <div class="code-name">#icon-history</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ip"></use>
                </svg>
                <div class="name">ip</div>
                <div class="code-name">#icon-ip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config"></use>
                </svg>
                <div class="name">配置IP</div>
                <div class="code-name">#icon-config</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unlock"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-warning"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-detail"></use>
                </svg>
                <div class="name">查看详情</div>
                <div class="code-name">#icon-detail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-session"></use>
                </svg>
                <div class="name">会话</div>
                <div class="code-name">#icon-session</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-forbidden"></use>
                </svg>
                <div class="name">禁用</div>
                <div class="code-name">#icon-forbidden</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-report"></use>
                </svg>
                <div class="name">报告</div>
                <div class="code-name">#icon-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-extend"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-extend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart-warning"></use>
                </svg>
                <div class="name">告警统计</div>
                <div class="code-name">#icon-chart-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-download"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle-ellipsis"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-circle-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-forbidden-full"></use>
                </svg>
                <div class="name">禁止</div>
                <div class="code-name">#icon-forbidden-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart-bars"></use>
                </svg>
                <div class="name">统计</div>
                <div class="code-name">#icon-chart-bars</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mail"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#icon-mail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cross"></use>
                </svg>
                <div class="name">取消</div>
                <div class="code-name">#icon-cross</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoot"></use>
                </svg>
                <div class="name">策略</div>
                <div class="code-name">#icon-shoot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stick"></use>
                </svg>
                <div class="name">脱敏</div>
                <div class="code-name">#icon-stick</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-group"></use>
                </svg>
                <div class="name">分组</div>
                <div class="code-name">#icon-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fire"></use>
                </svg>
                <div class="name">风险统计</div>
                <div class="code-name">#icon-fire</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-poweroff"></use>
                </svg>
                <div class="name">关机</div>
                <div class="code-name">#icon-poweroff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pause"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-pause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-play"></use>
                </svg>
                <div class="name">启动</div>
                <div class="code-name">#icon-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stop"></use>
                </svg>
                <div class="name">停止</div>
                <div class="code-name">#icon-stop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-squares"></use>
                </svg>
                <div class="name">全部</div>
                <div class="code-name">#icon-squares</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bars"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-bars</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config-file"></use>
                </svg>
                <div class="name">数据视图配置</div>
                <div class="code-name">#icon-config-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gear"></use>
                </svg>
                <div class="name">配置</div>
                <div class="code-name">#icon-gear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meter"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#icon-meter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort-down"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-sort-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home"></use>
                </svg>
                <div class="name">概况</div>
                <div class="code-name">#icon-home</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
